<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
    </style>
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=meWpk6T4jHKOLxgpj3gvbvj86yFEuXXg"></script>
    <script type="text/javascript" src="/js/my/my.js"></script>
  <!--  <script src="https://unpkg.com/lodash"></script> -->
    <script src="/js/my/number-word.js"></script>
    <script src="/js/my/jsexample.js"></script>
    <title>地图展示</title>
</head>
<body>
<div id="allmap"></div>
</body>

<script type="text/javascript">

    alert(myclass({my:30})(2,30));
   // numberWord.mymessage();
    try {

        //showMy(3, 3);
    }
    catch (e) {
        alert(e);
    }
   // 百度地图API功能
    var map = new BMap.Map("allmap");    // 创建Map实例
    map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
            BMAP_NORMAL_MAP,  //此地图类型展示普通街道视图
            BMAP_SATELLITE_MAP  //此地图类型展示卫星视图
            //  BMAP_HYBRID_MAP， //此地图类型展示卫星和路网的混合视图

        ]}));
    map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放

    //MapStyle 该类用于设置地图样式，使用对象字面量形式表示，不可实例化
    /**
     * eatures Array
     设置地图上展示的元素种类，支持point（兴趣点）、road（道路）、water（河流）、land（陆地）、building（建筑物

     style
     string
     设置地图底图样式，目前支持normal（默认样式）,dark（深色样式）,light（浅色样式）三种
     */
    map.setMapStyle({features:["building"], style:"light"});

    //此类表示比例尺控件。
    map.addControl(new BMap.ScaleControl({anchor:BMAP_ANCHOR_TOP_RIGHT, size:{width:120, height:60}}));
    map.addEventListener("click",  function (e) {
        /**
         * type, target, point, pixel, overlay
         */
        alert(JSON.stringify(map.getBounds()));
        if (e.overlay != null) {
            e.overlay.show();
            alert("show overlay");
        }


        var projection =this.getMapType().getProjection();//new BMap.MercatorProjection();

        var point = projection.lngLatToPoint(new BMap.Point(116.404, 39.915));

        alert(point.x +", "+ point.y);
    });
</script>

</html>
